<template>
	<!-- v-bind:value绑定数据，用户输入的数据不能反向存入响应式数据 -->
	<input type="text" v-model="msg"/>
	<br/>
	<p>{{ msg }}</p>
	<hr />
	<!-- 两个数字框求和 -->
	<input type="text" v-model.number.lazy="a">
	+ 
	<input type="text" v-model.number.lazy="b"/> 
	= <span>{{ a + b }}</span>
	<hr/>
</template>

<script setup>
import { ref } from 'vue'
const msg = ref('abc')
const a = ref(0)
const b = ref(0)
</script>

<style scoped>
	
</style>